<!doctype html>
<html lang="en">
{% block header %}

{% endblock %}
<body>

    <!-- preloader -->
    <div class="preloader">
        <div class="preloader-icon"></div>
    </div>
    <!-- ./ preloader -->

    <!-- notifications sidebar -->
    <!-- ./ notifications sidebar -->

    <!-- vertical menu -->
    <div class="menu">
        <div class="menu-header">
            <a href="{{url_for('admin.index')}}" class="menu-header-logo">
                <img src="{{url_for('static',filename='home/assets/images/logo.svg')}}" alt="logo">
            </a>
            <a href="{{url_for('admin.index')}}" class="btn btn-sm menu-close-btn">
                <i class="bi bi-x"></i>
            </a>
        </div>
        <div class="menu-body">
            <ul>
                <li>
                    <a  {% block index_activate %} {% endblock %}
                        href="{{url_for('admin.index')}}">
                        <span class="nav-link-icon">
                            <i class="bi bi-pie-chart"></i>
                        </span>
                        <span>首页</span>
                    </a>
                </li>
                <li>
                    <a {% block home_ma_activate %} {% endblock %}
                         href="{{url_for('admin.user_manage')}}">
                        <span class="nav-link-icon">
                            <i class="bi bi-receipt"></i>
                        </span>
                        <span>用户管理</span>
                    </a>

                </li>
                <li>
                    <a {% block role_ma_activate %} {% endblock %}
                            href="{{url_for('admin.role_manage')}}">
                        <span class="nav-link-icon">
                            <i class="bi bi-folder"></i>
                        </span>
                        <span>权限管理</span>
                    </a>
                </li>
            </ul>
        </div>
    </div>
    <!-- ./ vertical menu -->

    <!-- layout-wrapper -->
    <div class="layout-wrapper">

        <!-- header -->
        <div class="header">
            <div class="menu-toggle-btn"> <!-- Menu close button for mobile devices -->
                <a href="#">
                    <i class="bi bi-list"></i>
                </a>
            </div>
            <!-- Logo -->
            <a href="{{url_for('admin.index')}}" class="logo">
                <img width="130" src="{{url_for('static',filename='home/assets/images/logo.svg')}}" alt="logo">
            </a>
            <!-- ./ Logo -->
            <div class="page-title">{% block page_title %} {% endblock %}</div>

            <div class="header-bar ms-auto">
                <ul class="navbar-nav justify-content-end gap-3">
                    <li>
                        <a href="#" data-bs-toggle="dropdown" class="btn btn-white py-1 px-2 dropdown-toggle custom-shadow">
                        <span class="avatar avatar-sm me-2">
                            <img src="{{url_for('static',filename='home/assets/images/user/man_avatar5.jpg')}}" class="rounded-circle" alt="avatar">
                        </span>
                            <span class="d-none d-md-inline">{{session.admin}}</span>
                        </a>
                        <ul class="dropdown-menu">
                            <li><a class="dropdown-item" href="#">修改密码</a></li>
                            <li><a class="dropdown-item" href="{{url_for('home.logout')}}">退出账号</a></li>
                        </ul>
                    </li>
                </ul>
            </div>
            <!-- Header mobile buttons -->
            <div class="header-mobile-buttons">
                <a href="#" class="search-bar-btn">
                    <i class="bi bi-search"></i>
                </a>
                <a href="#" class="actions-btn">
                    <i class="bi bi-three-dots"></i>
                </a>
            </div>
            <!-- ./ Header mobile buttons -->
        </div>
        <!-- ./ header -->
        {% block content %}

        {% endblock %}
        <footer class="content-footer">
            <div>© 2023 </div>
        </footer>
        <!-- ./ content-footer -->

    </div>
    {% block script %}

    {% endblock %}

</body>
</html>
